/* CSS Document */
*{ margin:0; padding:0;}
#index{ font-size:12px; color:#555555; width:100%;  }
a{ color:#555555; text-decoration:none;}
ul,li{ list-style:none;}
img{border:none;}

#top .nav{display: block;}
.nav_menu{display:none;} 
#top{ width:1200px; margin:0 auto; height:109px;}
#top .logo{ width:431px; height:109px; float:left;}
#top .logo img{ float:left;}
#top .nav{float:right;}
#top .nav ul{}
#top .nav ul li{float:left; width:92px; }
#top .nav ul li a{ display:block;float:left; width:102px; height:109px;text-align:center; font-size:14px; font-family:"SimSun"; color:#333333; line-height:109px; }
#top .nav ul li a:hover{ background:url(nav_li_bg.jpg) no-repeat center top;}

#banner{ height:504px; background:url(banner.jpg) no-repeat center top;}
#cont{ width:100%; overflow:hidden;background:#f6f6f6;}
.main{ width:1200px; margin:0 auto; clear:both;}
.ma_in{ width:1200px; margin:0 auto; clear:both;}
.ma_in h2{ text-align:center; padding:25px 0px; clear:both;}
.search{ width:306px; float:right;margin-top:30px; background:url(search_bg.jpg) no-repeat; height:37px;}

.about_img{ float:left;}
.abouti{  background:#fff;width:500px;height:420px;float:right;margin-top:86px;}
.h2_index{ font-size:12px; background:url(about_h3_bg.png) no-repeat 38px center ; height:80px; float:left; line-height:80px; text-indent:63px; font-weight:bold }
.abouti b{display:block; clear:both;padding-left:38px;font-size:18px;}
.about_p{ float:left; line-height:25px;padding:0 35px 0 38px;text-indent:37px;}

.casei{clear:both;background:url(case_bg.jpg) repeat-x;height:678px;color:#fff;}
.casei .case_img{ margin-top:50px; margin-bottom:34px;}
.casei p{text-align:center;line-height:22px;}
.casei .case_title{font-size:16px;}
.shebei_index{width:486px;margin:0 auto; padding-top:40px;}
.roundabout-holder  {text-align:center;top:-30px;_top:0px; line-height:24px;width:486px;height:254px;margin:0 auto;}
.roundabout-moveable-item {width:486px;height:254px; cursor: pointer;}
.roundabout-moveable-item img{padding:3px; border:1px solid #efefef; background:#fff;width:100%;}
.about{ clear:both;}


#pro_show{ overflow:hidden; clear:both;padding-top:40px; background:url(border_bottom.jpg) no-repeat left 88px #edeff2;}
#pro_recommended{ width:1200px; margin:0 auto}
.h6_index{ height:48px; line-height:48px; background:url(h2_index.png) no-repeat left 15px; padding-left:30px; font-size:20px; font-weight:normal;font-family:"SimSun";}
.h6_en{ font-family:Arial, Helvetica, sans-serif; font-size:18px; background:url(h2_g.png) no-repeat 8px center; padding-left:22px; text-transform : uppercase }
.more{ float:right;height:48px; line-height:48px; margin-top:-48px; }
.more a{ color:#333333}

#prolist_index{ float:left; width:324px; background:#017be9; overflow:hidden; margin-top:20px; padding-bottom:55px; padding-top:5px}
#prolist_index ul li{ width:324px; line-height:44px; color:#FFF;  font-size:14px; margin-top:10px; border-bottom:2px solid #fff; }
#prolist_index ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:22px; padding-right:10px}
#prolist_index ul li a{ font-size:14px; color:#FFF; display:block;padding-left:10px;}
#prolist_index ul li a:hover{ background:url(prolist_a.png) no-repeat 300px center;padding-left:10px;  }
#prolist_show{ float:right; width:850px; overflow:hidden;  margin-top:20px;}
#prolist_show ul li{ float:left; background:url(pro_bg.jpg) no-repeat left top; width:191px; height:192px; margin-left:7px;  padding:6px; text-align:center;}

#prolist_show ul li p{ font-size:12px; color:#000000; margin:10px 0px 5px 0px}
/*#prolist_show ul li p{ color:#666666}*/


.newsi{width:100%; clear:both; background: #f2f2f2;overflow:hidden;}
.newsi h2{ background:url(news_h3_bg.png) no-repeat center top;  height:49px; padding-top:81px; text-align:center; font-size:18px; color:#666;}
.newsi .more{ float:right; margin-top:-38px;}
.newsi ul{ margin-top:38px;}
.newsi ul li{ width:551px; float:left; height:109px; padding-left:49px;}
.newsi ul li h4{ color:#333333; font-size:14px;}
.date{ display:block; float:left; background:url(news_date.png) no-repeat; width:60px; height:60px; line-height:30px; text-align:center; clear:#999999;margin-right:39px;}
.date span{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:24px; font-weight:bold;}
.description{ font-size:12px; line-height:18px;}
.newsi ul li{ width:48%; margin:1%; height:auto; padding-left:0px;display: flex; }
.date{ margin-right:10px; background-size:100% 100%; padding-left:10px; padding-right:10px;}


#foot{ clear:both; width:100%;background:url(foot_bg.jpg) no-repeat center top;color:#fff; }
.foot_lx{width: 1000px;margin: 0 auto;}
#foot a{color:#fff; }
.contactb{ margin-top:89px; line-height:29px; padding-left:10px; font-size:16.14px; }
.f_h2{ font-size:16.14px; font-weight:normal;}
..contactb h3{ font-size:16.14px; font-weight:normal;}
.mes{ padding-top:47px;}
.copy{marign-top:20px; line-height:52px;text-align:center;}
.copys{marign-top:20px; line-height:60px;text-align:center;}
#default{font-size:12px; }
#banner_in{ background:url(banner.jpg) no-repeat center top;height:349px;}

.foot_lx td:first-child{width: 58.7%;}
.foot_lx td:last-child{width: 41.3%;}
.foot_yq{font-size: 12px;padding-left: 10px;}

#contents{overflow:hidden;background:#f5f5f5;}
#contents .main{width:1200px; padding-bottom:100px;overflow:hidden;padding-top:27px;background:#fff;}
.left{ width:302px; float:left;padding-left:26px}
.right{ width:828px; float:left; background:#fff; overflow:hidden;}


#pro_list h2{ background:#fbc20c; font-size:16px; color:#f8f8f8; padding-left:30px; font-weight:normal; height:32px; line-height:32px}
#pro_list h2 span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:5px;text-transform : uppercase }
#pro_list ul { overflow:hidden; margin:10px  0px  25px 0px}
#pro_list ul li{ background:url(plist_li_bg.jpg) no-repeat 10px center; padding-left:30px; line-height:35px; border-bottom:1px dashed #a8a8a8; font-family:"����"}
#pro_list ul li a{ color:#535353;}
#contact{ border:1px solid #e5e5e5; overflow:hidden}
#contact h2{ border-bottom:1px solid #e5e5e5; line-height:40px; font-size:16px; color:#0f54bc; font-weight:normal; padding-left:15px}
#contact h2 span{ font-size:12px; color:#535353; font-family:Arial, Helvetica, sans-serif}
#contact p{ background:url(contactL_bg.jpg) no-repeat 200px bottom; height:220px; line-height:30px; padding:10px 0px 0px 15px; font-family:"����"}
.contactL p{ line-height:29px;}
.htitle{  margin-left:20px; background:url(htitle_bg.jpg) no-repeat left top;height:46px;line-height:46px;  font-size:14px;  margin-bottom:20px; text-indent:23px; }
.htitle .en{font-size:12px; font-weight:normal;}

.product{}
.imglist { clear:both;padding-left:28px; }
.imglist li{ width:200px;  line-height:35px; text-align:center; float:left;}
.imglist li img{ border:1px solid #c5c4c4;padding:2px;}

.news{ }
.news ul{ clear:both;padding-left:17px; padding-right:30px;}
.news ul li{ line-height:29px; background:url(plist_toright_hover.jpg) no-repeat left center; text-indent:14px;}
.news ul li a{ color:#5d5d5d; display:block; width:100%;}
.news ul li span{ float:right;}

.page{ padding-top:20px;clear:both;margin:0 auto; text-align:center;}
.page a{ margin-left:10px;}

#page{ padding-top:20px;clear:both;margin:0 auto; text-align:center;}
#page a{ margin-left:10px;}

.pos{ background:url(pos_bg.jpg) no-repeat left center; float:right; font-weight:normal; font-size:12px;margin-top:-45px;text-indent:20px;}
.pos a{text-decoration:none;}
.h1title{ height:35px; line-height:35px; font-size:14px; text-align:center; margin-top:20px;}
.content_in{padding:0 20px 0 40px;line-height:22px;}
#title_extra{ text-align:center; height:25px; margin:0 auto; line-height:50px;}
.des{ text-align:center; height:35px; line-height:35px;}

.tag{clear:both; line-height:22px;padding-left:20px;}
.tag h2{font-size:16px;font-weight:bold; text-align:center;line-height:55px;}
.tag a{width:32%;}

#up_down{ text-align:center; line-height:35px; margin-top:20px;}
#up_down a{color:#3e3431;}
#related_product { margin-top:35px;}

div#qr {
position: fixed;
top: 120px;
right:20px;
}
#qr h3{text-align:center;background:#333;color:#fff;}

#qr IMG{ width:120px;}
/* mobile_footer */
.mobile_footer { position: fixed; z-index: 520; bottom: 0; left: 0; right: 0; display:none; }

.mobile_footer ul { display: flex; justify-content: space-between; margin-bottom:0px; }

.mobile_footer ul li { padding: 7px 5px; background-color: #337fe5; }

.mobile_footer ul li:nth-child(3) i.iconfont { transform: translateY(-2px); }

.mobile_footer ul li a { color: #fff; display: flex; align-items: center; justify-content: center; line-height:30px; }

.mobile_footer ul li a i.iconfont { font-size: 21px; color: #fff; }

.mobile_footer ul li a span { font-size: 16px; margin-left: 5px; color: #fff; }
.row{ margin:0px;}

@media (max-width: 768px) {  
.mobile_footer{ display:block;}

}

@media (max-width: 1200px) {  
#top{ width:100%;}
.main{ width:100%;}
.about_img{ width:49%;}
.abouti{ width:49%; margin-top:40px;}
.ma_in{ width:100%;}
#pro_recommended{ width:100%;}
#prolist_index{ width:26%;}
#prolist_show{ width:73%;}
#prolist_show ul{display: flex;flex-wrap: wrap;}
#prolist_show ul li{ width:23%; margin:1%; height:auto; background-size:100% 100%; text-align:center;}
#prolist_show ul li img{ max-width:100%; height:auto;}
.newsi ul{ overflow:hidden;}

#contents .main{ width:100%; padding-top:10px; }
.left{ width:26%;}
.right{ width:73%;}
.imglist li{ width:23%; margin:1%; height:auto;}
.imglist li img{ max-width:100%; height:auto;}
.imglist{ padding-left:0px;}
.about img{ max-width:100%; height:auto;}

}

@media (max-width: 1000px) {  
div#qr{ display:none;}
.foot_lx{ width:100%;}
.content_in{padding: 0 15px 0 15px;}



}


@media (max-width: 991px) {  
#top{ display:none;}
.none992{ height:54px;}
}

@media (max-width: 767px) {  
.about_img{ width:100%;}
.abouti{ width:100%; margin-top:20px;}
.shebei_index{ display:none;}
.casei{ height:auto;}
#prolist_index{ display:none;}
#prolist_show{ width:100%;}
.newsi ul li{ width:98%; }
.contactb{ margin-top:30px;} 
.yd_none{ display:none;}
.left{ display:none;}
.right{ width:100%;}
.htitle{ margin-left:0px;margin-bottom:10px; }
.news ul{    padding-left: 15px;padding-right: 15px;}
.news ul li{ text-indent:0px; }
.pos{ margin-top:0px;margin-bottom:20px;}
.imglist li{ width:31.3%; }


}

@media (max-width: 600px) {  
.foot_lx table{ display:none;}
#foot{ background:#1f212d; height:auto;}

}

@media (max-width: 425px) {  
.abouti{ height:auto; padding-bottom:25px;}
.about_p{padding: 0 15px 0 15px;}
#prolist_show ul li{ width:48%; }
.imglist li{ width:48%; }


}